<template>
	<view class="pb50">
		
		<view class="posifi zindex5" :style="{paddingTop:shh+'px'}">
			<view @click="back"  class="flex-ju-c mt30 wh70-70 ra100  ml30 " style="background: rgba(0, 0, 0,0.5);">
				<view  class="" >
					<image mode="widthFix" class="image width32   " src="/static/back.png"></image>
				</view>
			</view>
		</view>
		<image mode="widthFix" class="image" src="/static/mingren.png"></image>
		<view class="bgfff ra40 height60 mt-185 posire">
		</view>
		<view class=" posire">
			<!-- <view class="borderfff ra20 mt-100" style="background: rgba(23, 23, 23,0.5);">
				<view class="flex-ju-c flex-col">
					<image mode="widthFix" class="image width141" src="/static/img/zhanbao.png"></image>
				</view>
				<view class="con colorfff mb30">
					<view class="flex-ju-b">
						<view class="flex-a-i size26">
							<image class="image wh80-80 ihgborder ra80 mr20" src="/static/aaa.png"></image>
							<view>
								<view>我的名称</view>
								<view class="jinri size20 flex-ju-c mt10 color000">我的今日买入</view>
							</view>
						</view>
						<view class="size34">
							<text class="size24">¥</text>99.90
						</view>
					</view>
					
				</view>
			</view> -->
			
			<view class="borderfff ra20 colorfff  mt-20">
				<view class="flex-ju-b con color999 size26 mb30 pb30 ">
					<view class="flex-a-i">
						<view>排名</view>
						<view class="ml90">用户</view>
					</view>
					<view>买入金额</view>
				</view>
				<view v-if="isdata" class="flex-ju-c mt4vh">
					<view class="flex-ju-c flex-col">
						<image mode="widthFix" class="width210 ra20" src="/static/nodata.png"></image>
						<view class="color000 size24">这里什么也没有~</view>
					</view>
				</view>
				<view v-for="(item,index) in list" :key="index" :class="{attv:(index+1)%2}" class="flex-ju-b color000  pg30">
					<view class="flex-a-i">
						<view class="width40 flex-ju-c ">
							{{index+1}}
						</view>
						<view class="flex-a-i size26 width300 ml30">
							<view>
								<image class="image wh80-80 ihgborder ra80 mr20" :src="item.headimg"></image>
							</view>
							<view>
								<view>{{item.name}}</view>
								<!-- <view class="jinri size20 flex-ju-c mt10 color000">我的今日买入</view> -->
							</view>
						</view>
					</view>
					
					<view class="size34 width100 text-right">
						<text class="size24">¥</text>{{item.score}}
					</view>
				</view>
				
			</view>
			
		</view>
	</view>
	<uni-popup type="bottom" :background-color="theme?'#292929':'#fff'"  border-radius="10px 10px 0 0" ref="guice">
		<view class="pt40 pb40" :class="theme?'colorfff':''">
			<view class="flex-ju-b posire size29 bold mb30">
				<view class="width36"></view>
				<view>{{title}}</view>
				<uni-icons @click="$refs.guice.close()" type="closeempty" class="mr30" color="#fff"></uni-icons>
			</view>
			<view :class="theme?' colorfff':'color333'" class=" con size26">
				<scroll-view scroll-y style="max-height:70vh;">
					<view v-html="page">
					</view>
				</scroll-view>
			</view>
		</view>
	</uni-popup>
</template>

<script>
	export default {
		data() {
			return {
				isdata:false,
				title:"",
				theme: uni.getStorageSync('theme'),
				list:[],
				page:"",
			}
		},
		onLoad() {
			this.http('rank').then(res => {
				this.list = res.data
				if(res.data.length){
					this.isdata = false
				}else{
					this.isdata = true
				}
			})
		},
		mounted() {
		},
		methods: {
			tapzuize(){
				this.http('setting/hof_agreement').then(res=>{
					if(res.data.setting.modules[0].html){
						var com = res.data.setting.modules[0].html.replace(/<img/g, '<img style="max-width:100% !important;"' )
						res.data.setting.modules[0].html = com
						this.page = res.data.setting.modules[0].html
					}
					this.title = res.data.setting.title
					this.$refs.guice.open()
				})
			}
		}
	}
</script>

<style>
page{
}
.ihgborder{
	border:2px solid #fff;
}
.jinri{
	width: 139rpx;
	height: 35rpx;
	background: linear-gradient(0deg, #FF6E44, #FFA453, #FFDC7F);
	border-radius: 7rpx;
}
.attv{
	background: #F6F7F8;
}
</style>
